<template>
  <div class="footer_image">
    <div
      :style="{
        color: basic.theme,
      }"
      class="CUSTOMIZE"
      v-if="basic.copyright == 'CUSTOMIZE'"
    >
      {{ basic.customizeCopyright }}
    </div>
    <van-image
      v-else-if="basic.copyright == 'DISPLAY'"
      @click="handleGoto"
      fit="cover"
      :src="require('../../assets/images/28.png')"
    />
  </div>
</template>
<script>
import { mapGetters } from "vuex";
export default {
  methods: {
    handleGoto() {
      window.open("https://www.ctoupiao.com");
    },
  },
  computed: {
    ...mapGetters("configs", {
      basic: "basic",
    }),
  },
};
</script>
<style lang="scss" scoped>
.footer_image {
  text-align: center;
  position: absolute;
  bottom: calc(60px + constant(safe-area-inset-bottom));
  bottom: calc(60px + env(safe-area-inset-bottom));
  left: 0;
  width: 100%;
  ::v-deep.van-image {
    width: 100px;
    height: auto;
  }
  .CUSTOMIZE {
    font-size: 14px;
    padding: 0 30px;
    line-height: 24px;
  }
}
</style>